<template>
    <footer>
        <div class="left">
            <div class="title">招生计划</div>
            <div class="content">
                <dv-border-box-8>
                    <div style="width: 100%;height: 100%;" ref="divRef"></div>
                </dv-border-box-8>
            </div>
        </div>
        <div class="right">
            <dv-border-box-11 title="信息安全"></dv-border-box-11>
        </div>
    </footer>
</template>
<script>
 import * as echarts from 'echarts';
 import zhuOption from '../../utils/zhuOptions'
 export default {
     mounted(){
        // 初始化echarts ；
        let mycharts = echarts.init(this.$refs.divRef);
        mycharts.setOption(zhuOption);
     }
 }
</script>
<style scoped>
footer{
    width: 100%;
    flex: 4;
    display: flex;
    height: 100%;
}
footer>div{
    height: 100%;
}
.left{
    flex: 3;
    display: flex;
    flex-direction: column;
}
.right{
    flex: 2;
}
.title{
    flex: 0.5;
    width: 100%;
    text-align: center;
    font-size: 17px;
    color: #fff;
    font-weight: 600;
    padding-top: 10px;
}
.content{
    flex: 5;
}
</style>